<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收货地址设置</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/self-center.css">
    <style>

    </style>
</head>
<body>
    <script src="../plugins/layui/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
    <script>
        layui.use(['form', 'element'], function(){
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
            
            //监听导航点击
            element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
            });
        });

        layui.use('layer', function(){ //独立版的layer无需执行这一句
            var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
            
            //触发事件
            var active = {
                setTop: function(){
                    var that = this; 
                    //多窗口模式，层叠置顶
                    layer.open({
                        type: 2 //此处以iframe举例
                        ,title: '增加收货地址'
                        ,area: ['100%', '100%']
                        ,shade: 0
                        ,maxmin: true
                        ,content: '../view/add-address.html'
                        
                        
                        // ,zIndex: layer.zIndex //重点1
                        // ,success: function(layero){
                        // layer.setTop(layero); //重点2
                        // }
                    });
                },
                del: function(){
                    layer.confirm('确认删除?',
                    {icon: 3, title:'提示'}
                    ,function(index){
                        layer.close(index);
                    });

                }
            }

            $('#layerDemo .layui-btn').on('click', function(){
                var othis = $(this), method = othis.data('method');
                active[method] ? active[method].call(this, othis) : '';
            });
        });



        
    </script>
    <div id="outer">
        <div class="nav">
            <div>
            <i class="layui-icon layui-icon-home" style="font-size: 20px; color: gray;"></i> 
            <a href="../index.html">店铺首页</a>
            <i class="layui-icon layui-icon-location" style="font-size: 20px; color: gray;"></i>
            安徽
                <div class="nav2">
                    <span class="layui-breadcrumb" lay-separator="|" style="float: right;margin-right: 20px;">
                        <a href="../view/self-center.html">个人中心</a>
                        <a href="../view/order.html" style="padding-left:20px ;">我的订单</a>
                        <a href="../view/collect.html"style="padding-left:20px ;">我的生鲜</a>
                        
                        <a href="../view/seckile.html"style="padding-left:20px ;">限时秒杀</a>
                        <a href="../view/forum.html"style="padding-left:20px ;">好物推荐</a>
                    </span>              
                </div>
            </div>
        </div>
    </div>
    <div class="nav-logo">
        <div class="search">
            <div class="navf">
            </div>

            <div class="navt">
                <span id="parent">
                    <span class="c1"></span>
                    <span>
                        <input type="text" id="search">
                    </span>
                    <span>
                        <button class="bsou">搜索</button>
                    </span>
                </span>
            </div>

            <div class="cart">
                <div class="cart-f">
                <a href="../view/buycar.html" class="layui-btn layui-btn-primary" style="color: honeydew;background-color: green;">购物车</a>
                </div>
           </div>
        </div>
    </div>
    <div class="nav-body">
        <div class="w layui-row">
            <div class="meun layui-col-md2">     
                <ul class="layui-nav layui-nav-tree layui-inline nav-meun" lay-filter="demo">
                    <li class="layui-nav-item"><a href="./../index.html">首页</a></li>
                    <li class="layui-nav-item"><a href="../view/account-setting.html">个人信息</a></li>
                    <li class="layui-nav-item"><a href="../view/address.html">收货地址</a></li>
                    <li class="layui-nav-item"><a href="">账户安全</a></li>
                    <li class="layui-nav-item"><a href="">我的尺码</a></li>
                    <li class="layui-nav-item"><a href="">账号绑定</a></li>
                    <li class="layui-nav-item"><a href="">邮件订阅</a></li>
                    <li class="layui-nav-item"><a href="">支付方式</a></li>
                    <li class="layui-nav-item"><a href="">更多</a></li>
                </ul>
            </div>

            <div class="main layui-col-md10"  id="layerDemo" style="background-color: #9999;padding: 20px;">

                <div class="main-two layui-form" >
                    <div class = "item">
                        <div class="item-f">
                            <div class="site-demo-button">
                                <button class="layui-btn" data-method="setTop" >新增收货地址</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form" style="border:solid 0.5px #eeeeee;">
                    <div class="customer item" style="padding: 5px;">
                        <div class="customer-name" style="margin-left:20px;float: left;">
                            <i class="layui-icon">&#xe66f;</i>
                            <span style="font-size: 25px;">zzz</span>
                        </div>
                        <div class="customer-del" style="float: right;">
                            <button class="layui-btn" data-method="del" style="background-color: #9999;"><i class="layui-icon">&#x1006;</i></button>
                        </div>
                    </div>

                    <div class = "item">
                        <span class="item-label">
                            收货人：
                        </span>
                        <div class="item-f">
                            zzz
                        </div>
                    </div>

                    <div class = "item">
                        <span class="item-label">
                            收货地址：
                        </span>
                        <div class="item-f">
                            苏州工业园区东方文荟苑
                        </div>
                    </div>

                    <div class = "item">
                        <span class="item-label">
                            手机：
                        </span>
                        <div class="item-f">
                            18111111111
                        </div>
                    </div>

                    <div class="item">
                        <div style="float: right;margin-right: 40px;">
                            <a href="">编辑</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="bott">
        <div class="bott-f">
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/duo.png" alt="">品类齐全,轻松购物</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/kuai.png" alt="">多仓直发,极速配送</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/hao.png" alt="">正品行货,精致服务</li>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div style="font-size: 10px;">
                        <li><img src="../img/sheng.png" alt="">天天低价,畅选无忧</li>
                    </div>
                </div>
            </div>
            <hr>
            <div class="layui-row" style="margin-top: 15px;">
                <div class="layui-col-md3">
                    <div>
                        <dt>购物指南</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">购物流程</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">会员介绍</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">常见问题</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">热销商品</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">联系客服</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>配送方式</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">上门自提</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">211限时达</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">配送服务查询</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">配送费收取标准</a>
                        </dd>
                        <dd>
                            <a class="dd" target="_blank" href="#">海外配送</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>支付方式</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">货到付款</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">在线支付</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">分期付款</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">公司转账</a>
                        </dd>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div>
                        <dt>售后服务</dt>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">售后政策</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">价格保护</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">退款说明</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">返修/退换货</a>
                        </dd>
                        <dd>
                            <a class="dd" rel="nofollow" target="_blank" href="#">取消订单</a>
                        </dd>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>